在提到HTML時，我們有講到清單的語法，不過無序清單如果都是一陳不變的黑色點點當作列點的開頭的話，有點太意料之中了，如果我們可以把列點符號換成不同的小圖示，不只可以可以切合清單的主題，也能讓瀏覽者眼睛一亮呢!
{list-style-image: url('圖片路徑');}
<style >
ul li {
list-style-image:url('https://ithelp.ithome.com.tw/upload/images/20191011/20120965tnX1iea8CU.png');
}
</style>
<ul>
<li>麥當勞</li>
<li>摩斯MOS</li>
<li>肯德基</li>
</ul>
程式碼跑出來的結果就像這樣!
iThome鐵人賽
看影片追技術